<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>永和小票</title>
		<style>
			body{font-size: 8px;/*设置字体默认大小*/
				border:0px solid red;
				width: 295px;
			}
			.me{/* 设置空格*/
				padding-left: 90px;
				
			}
			.please{/*设置字体大小*/
				font-size: 22px;
				/*设置字体粗细*/
				font-weight: bold;
			}
			
			
			
			
		</style>
			
	</head>
	<body>
		<div>顾客连</div>
		<br>
		<div class="please">请留意取餐单号</div>
		<div class="me">自取顾客</div>
		<div>永和大王</div>
		<div>0010289376192</div>
		<div class="me">---结账单---</div>
		<div class="please">账单号:12412545</div>
		<div>账单类型:堂食</div>
		<div>人数:1</div>
		<div>收银员:张**</div>
		<div>开单时间:2021-08-09</div>
		<div>结账时间:2021-08-09</div>
		
		<!--- hr 线  border:1px-像素大小   dashed  虚线   --->
		<hr style="border: 1px dashed;">
		
		<!---表格:表头行th  普通行tr  ,单元行 td --->
		<!---border-表格框架 有元素才显示 --->
		<table border="0">
			<tr>
				<!---width-光度单元格长度  align--内容位置   --->
				<th width="30"align="center">数量</th>
				<th width="150"align="center">品项</th>
				<th width="50"align="center">金额</th>
			</tr>
				
			<tr>
				<!--- valign -带有不同垂直对齐单元格的 HTML 表格 
					top-对内容进行上对齐
					middle-对内容进行居中对齐（默认值）
					bottom-对内容进行下对齐
					baseline与基线对齐。基线是一条虚构的线。
					在一行文本中，大多数字母以基线为基准。
					baseline 值设置行中的所有表格数据都分享相同的基线。
					该值的效果常常与 bottom 值相同。
					不过，如果文本的字号各不相同，那
					么 baseline 的效果会更好。
					
					align 文档中的一个部分居中对齐
					left 	左对齐内容。
					right	右对齐内容
					center	居中对齐内容。
					justify	对行进行伸展，这样每行都可以有相等的长度（就像在报纸和杂志中）。--->
				<td valign="top">1</td>
				<td>1x--玉米肉松蛋饼
				<!---在文本中<br>换行 --->
				<br />
					1x--现磨豆浆(甜/热)
				</td>
				<td valign="top" align="right">8.00</td>
			</tr>
		</table>
		<!--- hr 线  --->
		<hr style="border: 1px dashed"/>
		<!---第二个表格 --->
		<table border="0">
			<tr>
				<td  width="40" >合计</td>
				<td width="192" align="right">8.00</td>
			</tr>
			<tr>
				<td width="40">微支付</td>
				<td width="192" align="right"> 8.00</td>
			</tr>
		</table>
		<hr style="border: 1px dashed"/>
		<div>打印时间:  2021-03-08 07:24</div>
		<hr style="border: 1px dashed"/>
		<!---&nbsp空格 七个&nbsp顶两个字符的位置  --->
		<div style="padding-top:15px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		根据相关税法规定，电子发票的开票日期同网上申请电子发票的日期，
		如您需要当日的电子发票请务必在消费当日通过扫描下方二维码，
		根据指引步骤开具您的增值税电子普通发票。此二维码30天有效
		，扫描时请保持小票平整。
		</div>
		
		<img src="image/qr.png" style="padding-left:90px;">
		<div>官网:www.yhdj.com</div>
		<div>加盟热线:00086-88786-9976</div>
		
		
		
	</body>
</html>
